<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>Bootstrap 101 Template</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>


<nav class="navbar navbar-default" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">乐清朋友圈</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">约会</a></li>
      <li><a href="#">活动</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
          <li class="divider"></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>



    <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>




    <h1>Hello, world!</h1>




<div class="accordion" id="accordion2">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" href="#" data-target="#collapseTwo" data-toggle="collapse">
                KIND
            </a>
        </div> 
        <div class="accordion-body collapse" id="collapseTwo">
            <div class="accordion-inner clearfix">
                <input name="blog" id="cb8" type="checkbox" value="1">
                <label class="checkbox field" for="cb8">
                    <strong>BLOG</strong> <span id="objN8">(22)</span><span class="chbx"></span>
                </label>
            </div> 
            <div class="accordion-inner clearfix">
                <input name="news" id="cb9" type="checkbox" value="1">
                <label class="checkbox field" for="cb9">
                    <strong>NEWS/MAGAZINE</strong> <span id="objN9">(4)</span><span class="chbx"></span>
                </label>
            </div> 
            <div class="accordion-inner clearfix">
                <input name="portfolio" id="cb10" type="checkbox" value="1">
                <label class="checkbox field" for="cb10">
                    <strong>PORTFOLIO<span class="hidden-tablet">/PERSONAL</span></strong> <span id="objN10">(10)</span><span class="chbx"></span>
                </label>
            </div> 
        </div> 
    </div> 

    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" href="#" data-target="#collapseOne" data-toggle="collapse">
            CMS
            </a>
        </div> 
        <div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
            <div class="accordion-inner clearfix">
                <input name="wordpress" id="cb1" type="checkbox" value="1">
                <label class="checkbox field" for="cb1">
                    <strong>WORDPRESS</strong> <span id="objN1">(23)</span><span class="chbx"></span>
                </label>
            </div> 
            <div class="accordion-inner clearfix">
                <input name="joomla" id="cb2" type="checkbox" value="1">
                <label class="checkbox field" for="cb2">
                    <strong>JOOMLA!</strong> <span id="objN2">(1)</span><span class="chbx"></span>
                </label>
            </div> 
            <div class="accordion-inner clearfix">
                <input name="drupal" id="cb3" type="checkbox" value="1">
                <label class="checkbox field" for="cb3">
                    <strong>DRUPAL</strong> <span id="objN3">(0)</span><span class="chbx"></span>
                </label>
            </div>  
        </div> 
    </div> 

    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" href="#" data-target="#collapseThree" data-toggle="collapse">
            PRICE
            </a>
        </div> 
        <div class="accordion-body collapse" id="collapseThree" style="height: 0px;">
            <div class="accordion-inner clearfix">
                <div id="slider-wrap">
                <div class="noUiSlider horizontal" id="slider"><a style="left: 0%;"><div></div></a><a style="left: 0%;"><div></div></a><input type="hidden" value="0.00"><input type="hidden" value="0.00"></div> 
                </div> 
                <div class="slider-label">FROM <strong>$ <span class="from-value">0</span></strong> TO <strong>$ <span class="to-value">0</span></strong>
                </div> 
            </div> 
        </div> 
    </div> 

</div>










    <a href="#" class="btn btn-primary btn-lg " role="button">链接a</a>
    <a href="#" class="btn btn-primary btn-lg " role="button">链接b</a>

    


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
  </body>
</html>

<!-- cdn失败加载本地类库 -->
<script type="text/javascript">
    if (typeof JSON == 'undefined') {
        document.write(unescape("%3Cscript src='js/json/json2.min.js' type='text/javascript'%3E%3C/script%3E"));
    };
</script>